<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    
    <%
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 %>
<html>
<head>
<base href="<%=basePath%>">
      <meta http-equiv="content-type" content="text/html;charset=utf-8">
      <style>
            .photoTop{
                  background-attachment: scroll;
                  background-clip: border-box;
                  background-color: rgba(0, 0, 0, 0);
                  background-image: url(https://dn-st.teambition.net/account/static/images/topbanner.df313ee4.png);
                  background-origin: padding-box;
                  background-size: cover;
                  box-sizing: border-box;
                  color: rgb(56, 56, 56);
                  display: block;
                  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                  font-size: 14px;
                  height: 190px;
                  line-height: 20px;
                  position: relative;
                  width: 100%;
            }
            body{
                  margin-bottom: 0px;
                  margin-left: 0px;
                  margin-right: 0px;
                  margin-top: 0px;
            }
            .myInput{
                  -webkit-appearance: none;
                  -webkit-rtl-ordering: logical;
                  -webkit-user-select: text;
                  background-color: rgb(255, 255, 255);
                  background-image: none;
                  border-bottom-color: rgb(217, 217, 217);
                  border-bottom-left-radius: 3px;
                  border-bottom-right-radius: 3px;
                  border-bottom-style: solid;
                  border-bottom-width: 1px;
                  border-image-outset: 0px;
                  border-image-repeat: stretch;
                  border-image-slice: 100%;
                  border-image-source: none;
                  border-image-width: 1;
                  border-left-color: rgb(217, 217, 217);
                  border-left-style: solid;
                  border-left-width: 1px;
                  border-right-color: rgb(217, 217, 217);
                  border-right-style: solid;
                  border-right-width: 1px;
                  border-top-color: rgb(217, 217, 217);
                  border-top-left-radius: 3px;
                  border-top-right-radius: 3px;
                  border-top-style: solid;
                  border-top-width: 1px;
                  box-shadow: none;
                  box-sizing: border-box;
                  color: rgb(56, 56, 56);
                  cursor: auto;
                  display: block;
                  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                  font-size: 16px;
                  font-stretch: normal;
                  font-style: normal;
                  font-variant: normal;
                  font-weight: normal;
                  height: 46px;
                  letter-spacing: normal;
                  line-height: 20px;
                  margin-bottom: 20px;
                  margin-left: 0px;
                  margin-right: 0px;
                  margin-top: 0px;
                  padding-bottom: 12px;
                  padding-left: 12px;
                  padding-right: 12px;
                  padding-top: 12px;
                  text-align: start;
                  text-indent: 0px;
                  text-rendering: auto;
                  text-shadow: none;
                  text-transform: none;
                  transition-delay: 0s, 0s;
                  transition-duration: 0.15s, 0.15s;
                  transition-property: border-color, box-shadow;
                  transition-timing-function: ease-in-out, ease-in-out;
                  width: 300px;
                  word-spacing: 0px;
                  writing-mode: lr-tb;
                  -webkit-writing-mode: horizontal-tb;
            }
            .myButton{
                  -webkit-appearance: none;
                  -webkit-user-select: none;
                  align-items: flex-start;
                  background-color: rgb(3, 169, 244);
                  background-image: none;
                  border-bottom-color: rgb(3, 169, 244);
                  border-bottom-left-radius: 3px;
                  border-bottom-right-radius: 3px;
                  border-bottom-style: solid;
                  border-bottom-width: 1px;
                  border-image-outset: 0px;
                  border-image-repeat: stretch;
                  border-image-slice: 100%;
                  border-image-source: none;
                  border-image-width: 1;
                  border-left-color: rgb(3, 169, 244);
                  border-left-style: solid;
                  border-left-width: 1px;
                  border-right-color: rgb(3, 169, 244);
                  border-right-style: solid;
                  border-right-width: 1px;
                  border-top-color: rgb(3, 169, 244);
                  border-top-left-radius: 3px;
                  border-top-right-radius: 3px;
                  border-top-style: solid;
                  border-top-width: 1px;
                  box-sizing: border-box;
                  color: rgb(255, 255, 255);
                  cursor: pointer;
                  display: inline-block;
                  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                  font-size: 16px;
                  font-stretch: normal;
                  font-style: normal;
                  font-variant: normal;
                  font-weight: normal;
                  height: 46px;
                  letter-spacing: normal;
                  line-height: 20px;
                  margin-bottom: 20px;
                  margin-left: 0px;
                  margin-right: 0px;
                  margin-top: 0px;
                  outline-color: rgb(255, 255, 255);
                  outline-style: none;
                  outline-width: 0px;
                  overflow-x: visible;
                  overflow-y: visible;
                  padding-bottom: 12px;
                  padding-left: 12px;
                  padding-right: 12px;
                  padding-top: 12px;
                  position: relative;
                  text-align: center;
                  text-indent: 0px;
                  text-rendering: auto;
                  text-shadow: none;
                  text-transform: none;
                  touch-action: manipulation;
                  transition-delay: 0s;
                  transition-duration: 0.218s;
                  transition-property: padding-right;
                  transition-timing-function: ease;
                  vertical-align: middle;
                  white-space: nowrap;
                  width: 300px;
                  word-spacing: 0px;
                  writing-mode: lr-tb;
                  -webkit-writing-mode: horizontal-tb;
            }

            .formClass{
                  box-sizing: border-box;
                  color: rgb(56, 56, 56);
                  display: block;
                  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                  font-size: 14px;
                  height: 503px;
                  line-height: 20px;
                  margin-top: 0px;
            }

            .outerDiv{
                 box-sizing: border-box;
                 color: rgb(56, 56, 56);
                 display: block;
                 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                 font-size: 14px;
                 height: 503px;
                 line-height: 20px;
                 margin-bottom: 30px;
                 
                 margin-top: 30px;
                 max-width: 320px;
                 padding-bottom: 0px;
                 padding-left: 10px;
                 padding-right: 10px;
                 padding-top: 0px;
                 width: 320px;
           }

           .sessionContent{
            box-sizing: border-box;
            color: rgb(56, 56, 56);
            display: block;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 14px;
            height: 723px;
            line-height: 20px;
      }

</style>
      <script>
      function init(){
           
            //alert(tt); 
            //alert(tt.style); 
            window.onresize = function () {
                  var tt =  document.getElementById("outerDiv");
                  var ss =  document.getElementById("mySection");
                  var tempWidth = (ss.clientWidth-300)/2;
                  tt.style["margin-left"]=tempWidth;
                  tt.offsetWidth=500;
                 tt.style["margin-left"]=tempWidth;
            }
            }
      </script>
      <title>myTeambition</title>
</head>
<body onload="init();">
      <section class="sessionContent" id="mySection">
            <div class="photoTop" ></div> 
            <div  id="outerDiv" style="margin-left: 219.5px;
                 margin-right: 219.5px;"class="outerDiv">
                 
                  <form  class = "formClass"action="insert_admin"   enctype="multipart/form-data" method="post">

                        <input class="myInput" type="input" placeholder="昵称" name="user.name"> </td>

                  <input class="myInput" type="input" placeholder="账号" name="user.account"></td>

                   <input class="myInput" type="password" placeholder="密码" name="user.password"></td>

                    <input class="myInput" type="input" placeholder="联系方式" name="user.telePhone"></td>

                     <input class="myInput" type="input" placeholder="学校" name="user.school"></td>

                      <select name="user.sex" id="" class="myInput" >
                            <option value="male">男</option>

                            <option value="female">女</option>
                      </select>
                        <select name="user.shopOrPerson" id="" class="myInput" >
                            <option value="店铺">店铺</option>

                            <option value="个人">个人</option>
                      </select>
                       Upload File1:<input type="file" name="upload" size="30"/> 

            <input class="myButton" type="submit" value="注册"></td>

</form>
</div>
</section>
</body>
</html>